


.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
  opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .2s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(-30px);
}
.opt {
  height: 60px;
  padding: 0 18px;
  background: #071019;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -18px -18px;
  > .iconfont {
    font-size: 28px;
    cursor: pointer;
  }
}
.fade-in-left-menu {
  transition: all 0.5s ease-out;
  left: 0;
  display: none;
  z-index: -1;
}

.slide-out-left-menu {
  transition: all 0.5s ease-in;
  left: -400px;
  display: block;
  z-index: 0;
}

